body{
	font-family: 'Oxygen', sans-serif;

}
header{
	background-color: #3A5795;
	height: 240px;
	position: relative;
}

h1{
	font-family: 'Audiowide', cursive;
	font-size: 2.5em;
	margin-bottom: 25px;
	color: #F0F0F0;
}

.espacioArriba{
	margin-top: 50px;
}

.quitarFloat {
	float: none;
}


.logo{
	height: 100px;
	width: 100px;
	border-radius: 50%;

}
.sobreponer{
	position: absolute;
	z-index: 100;
}
.quitarMarginAlrow{
	margin-right: 0px;
	margin-left: 0px;
}

#girar{
	transition: 2.5s ease;
 	-moz-transition: 2.5s ease; /* Firefox */
 	-webkit-transition: 2.5s ease; /* Chrome - Safari */
 	-o-transition: 2.5s ease; /* Opera */
}

#girar:hover{
	transform : rotate(360deg);
	-moz-transform : rotate(360deg); /* Firefox */
	-webkit-transform : rotate(360deg); /* Chrome - Safari */
	-o-transform : rotate(360deg); /* Opera */
}



/*MENU*/

.navbar-default{
	background-color: #3A5795;
}
.navbar{
	border-radius: 0px;
	border: none;
}
.navbar-default .navbar-brand{
	color: #F0F0F0;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #222;
	background-color: #9BB2E1;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #222;
	background-color: #9BB2E1;
}
.navbar-brand{
	height: 75px;
	padding: 26px 15px;

}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
	color: #9BB2E1;
}
.navbar-default .navbar-nav>li>a{
	color: #F0F0F0;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #F0F0F0;
}
.navbar-default .navbar-toggle{
	border-color: #F0F0F0;
}
.navbar-toggle{
	margin-top: 21px;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color: #9BB2E1;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color: #223458;
	background-color: #9BB2E1;
}


@media (min-width: 768px){

	header{
		background-color: #3A5795;
		height: 500px;
	}
	.navbar-right{
		margin-right: 0px;
	}
	.navbar-nav>li>a {

		width: 100px;


	}

	.logo{
		height: 200px;
		width: 200px;
		border-radius: 50%;

	}

	.espacioArriba{
		margin-top: 90px;
	}
	h1{	
		font-size: 3.5em;
		margin-bottom: 80px;
	}






}
